const prefixCls = 'layui-colla';
const CollapseItem =  {
  name:'CollapseItem',
  props:{
    showed:Boolean
  },
  computed:{
    classes(){
      return [`${prefixCls}-content`,{
        ['layui-show']:!!this.showed
      }];
    }
  },
  render(){
    return (
    <div class={`${prefixCls}-item`}>
      <h2 class={`${prefixCls}-title`} slot="title">{this.$slots.title}</h2>
      <div class={this.classes} slot="content">{this.$slots.content}</div>
    </div>)
  }
}

export default CollapseItem;